<template>
  <div id="loyout">
    <el-container>
      <el-header>
        <el-menu :default-active="this.$route.fullPath" class="main_width" mode="horizontal" @select="handleSelect">
          <el-menu-item index="/audio_edit">音频编辑</el-menu-item>
          <el-menu-item index="/audio_format">格式转换</el-menu-item>
        </el-menu>
      </el-header>
      <el-main>
        <transition name="fade" mode="out-in">
          <router-view :key="this.$route.fullPath"></router-view>
        </transition>
      </el-main>
    </el-container>
  </div>
</template>
<script>
  export default {
    data(){
      return {

      }
    },
    created () {

    },
    mounted(){

    },
    methods: {
      handleSelect(key, keyPath) {
        this.$router.push(key)
      }
    }
  }
</script>
<style lang="less" scoped type="text/less">

</style>
